<template name="skeleton">
  <view class="sk-container">
    <view class="content data-v-d89676b8">
      <view class="data-v-d89676b8"></view>
      <view  class="unipopup animation-top data-v-d89676b8 vue-ref" data-ref="coupon"></view>
      <view class="head flex data-v-d89676b8" style="height:88px;">
        <view class="head-fixed data-v-d89676b8">
          <view class="top data-v-d89676b8" style="height:51px;"></view>
          <view class="bottom flex align-center data-v-d89676b8" style="height:32px;">
            <image mode="true" class="data-v-d89676b8 sk-image"></image>
            <view class="addr-name flex align-center data-v-d89676b8">
              <text class="text-cut data-v-d89676b8 sk-transparent sk-text-25-0000-60 sk-text">一舟大学</text>
              <view class="cuIcon-right rigth-icon middle data-v-d89676b8 sk-pseudo sk-pseudo-circle"></view>
            </view>
          </view>
        </view>
      </view>
      <view  class="data-v-d89676b8 vue-ref fade-in"  data-ref="mescrollRef">
        <view class="mescroll-body body--mescroll-body mescroll-render-touch body--mescroll-render-touch" style="min-height:762px;padding-top:0px;padding-bottom:38.1px;">
          <view class="mescroll-body-content body--mescroll-body-content mescroll-wxs-content body--mescroll-wxs-content" style="transform:;transition:;">
            <view class="bannerBox data-v-d89676b8">
              <view class="swiper data-v-d89676b8" >
                <image class="lunboImg data-v-d89676b8 sk-image"  mode="aspectFill"></image>
              </view>
            </view>
            <view class="noticeBox flex justify-between data-v-d89676b8">
              <text class="cuIcon-notification iconlaba data-v-d89676b8 sk-pseudo sk-pseudo-circle"></text>
              <swiper autoplay="false" circular="true" class="notic-s data-v-d89676b8" duration="500" interval="5000" vertical="true" current="0">
                <swiper-item class="data-v-d89676b8"  style="position: absolute; width: 100%; height: 100%; transform: translate(0px, 0%) translateZ(0px);">
                  <text class="ellipsis data-v-d89676b8 sk-transparent sk-text-35-5769-69 sk-text" style="width:100%;">公告：这是一条测试公告</text>
                </swiper-item>
              </swiper>
              <text class="cuIcon-right jiantou data-v-d89676b8 sk-pseudo sk-pseudo-circle"></text>
            </view>
            <view class="app-box data-v-d89676b8">
              <swiper class="data-v-d89676b8"  duration="200" style="height:234px;" current="0" autoplay="false">
                <swiper-item class="data-v-d89676b8" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
                  <view class="appBox data-v-d89676b8">
                    <view class="app-item middle data-v-d89676b8" id="TakeOut" style="animation-delay:0s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-829 sk-text" style="background-position-x: 50%;">美食</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8" id="Deliver" style="animation-delay:0.1s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-607 sk-text" style="background-position-x: 50%;">快递</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="Business" style="animation-delay:0.2s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-410 sk-text" style="background-position-x: 50%;">创业</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="DormWarranty" style="animation-delay:0.30000000000000004s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image" lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-558 sk-text" style="background-position-x: 50%;">报修</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="BotWater" style="animation-delay:0.4s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-474 sk-text" style="background-position-x: 50%;">送水</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="ShopCenter" style="animation-delay:0.5s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-412 sk-text" style="background-position-x: 50%;">好货</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="Car" style="animation-delay:0.6000000000000001s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-703 sk-text" style="background-position-x: 50%;">骑行</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="Class" style="animation-delay:0.7000000000000001s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-68 sk-text" style="background-position-x: 50%;">云课堂</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="Clean" style="animation-delay:0.8s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-291 sk-text" style="background-position-x: 50%;">洗衣机</view>
                    </view>
                    <view class="app-item middle data-v-d89676b8"  id="Desc" style="animation-delay:0.9s;">
                      <view class="app-icon clickEffict data-v-d89676b8">
                        <image class="app-img clickEffict data-v-d89676b8 sk-image"  lazy-load="true" mode="aspectFit"></image>
                      </view>
                      <view class="app-name data-v-d89676b8 sk-transparent sk-text-8-4000-990 sk-text" style="background-position-x: 50%;">学校简介</view>
                    </view>
                  </view>
                </swiper-item>
              </swiper>
              <view class="middle data-v-d89676b8">
                <text class="cuIcon-title data-v-d89676b8 text-blue sk-pseudo sk-pseudo-circle"></text>
                <text class="cuIcon-title data-v-d89676b8 text-gray sk-pseudo sk-pseudo-circle"></text>
              </view>
            </view>
            <view class="banner-secend data-v-d89676b8">
              <view class="swiper middle data-v-d89676b8">
                <image class="data-v-d89676b8 sk-image"  mode="widthFix" style="height: 104.274px;"></image>
              </view>
            </view>
            <view class="schoolbox fade-in data-v-d89676b8">
              <view class="school-head data-v-d89676b8">
                <text class="tabhover data-v-d89676b8 sk-transparent sk-text-14-2857-216 sk-text">校园要闻</text>
                <text class="school-head-right notice-time middle data-v-d89676b8 sk-transparent sk-text-14-2857-48 sk-text" data-event-opts="tap,toNewsList,$event">最新资讯</text>
              </view>
              <view class="school-box data-v-d89676b8">
                <view class="school-item data-v-d89676b8" data-event-opts="tap,toNews,$0,FocusNews,,0">
                  <image class="data-v-d89676b8 sk-image"  mode="aspectFill"></image>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
</script>

<style>

	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-25-0000-60 {
	    background-image: linear-gradient(transparent 25.0000%, #EEEEEE 0%, #EEEEEE 75.0000%, transparent 0%) !important;
	    background-size: 100% 61.5385rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-35-5769-69 {
	    background-image: linear-gradient(transparent 35.5769%, #EEEEEE 0%, #EEEEEE 64.4231%, transparent 0%) !important;
	    background-size: 100% 80.0000rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-829 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-607 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-410 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-558 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-474 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-412 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-703 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-68 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-291 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-8-4000-990 {
	    background-image: linear-gradient(transparent 8.4000%, #EEEEEE 0%, #EEEEEE 91.6000%, transparent 0%) !important;
	    background-size: 100% 28.8462rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-216 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 43.0769rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-48 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 35.0000rpx;
	    position: absolute !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>
